<template>
  <el-menu
    default-active="activeIndex"
    class="el-menu-vertical-demo"
    active-text-color="#9a0e14"
    text-color="#000"
  >
    <el-menu-item v-for="(type, index) in typeList" :key="index">
      <template #title>
        <router-link
          :to="{ name: 'ActivityList', query: { typeId: type.id } }"
          >{{ type.type }}</router-link
        >
      </template>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
import { defineProps } from "vue";

const props = defineProps({
  typeList: {
    type: Array,
    default: () => [],
  },
  path: {
    type: Object,
    default: () => ({}),
  },
});
</script>

<style scoped>
.el-menu-vertical-demo {
  width: 150px;
}
</style>
